﻿/* Page ***************************************************************************/
html{
	font-size: 14px;
	padding-bottom: 15px;
}

body{
	margin: 0 auto;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	text-align: center;
	background-color: #f7f7f7;
	min-width: 800px;
        max-width: 1100px;
}

.clear{clear: both;}

/*  header  ***************************************************************************/

header{
	text-indent: 10px;
	background-color: #a4b3d5;
	border-radius: 10px;
	border:1px solid black;
	height:110px;
        box-shadow: inset 0px 0px 20px #20386F;    
	margin-top:15px;
        min-width: 800px;
        max-width: 1100px;
}

header h2{
	text-align: left;
}

header #subtitle{
	text-align: left;
}

.eddrivecom_logo{
	border-radius: 8px;
	float: left;
	height:110px;
}

/*  login  ***************************************************************************/

#connect{
	float:right;
	border-left:1px solid black;
	width:270px;
	height:100%;
	text-align: left;  
}

/* div contenant les 3 liens */
.links{
    text-align: right;
    text-indent: 0px;
    float: right;
    padding: 11px 20px 0px 0px;    
}

.connect_link{
    text-decoration: none;
    color: #025C98;
    font-size: 12px;   
    text-shadow: 1px 1px 1px white;
}

.connect_link:hover{
    text-decoration: underline;
    text-shadow: 1px 1px 1px black;
    color:white;
} 

.connect_link b{
    font-size: 16px;
}

#connect img{
    height: 65px;
    margin: 4px 0px 0px 25px; 
}


/*  nav  ***************************************************************************/

nav{
    min-width: 800px;
    max-width: 1100px;
}

nav menu{
display:inline;
padding-left: 0px;
}

nav menu li{
display:inline;
border:1px solid black;
border-radius:5px;
box-shadow: inset 0px 0px 40px #20386F;
background-color: white;
}
nav menu li:hover{
box-shadow: inset 0px 0px 40px #20386F;
background-color: #20386F;
text-shadow: 2px 2px 2px black;


}
nav menu li a{
padding: 0px 30px 0px 30px;
text-decoration: none;
color: black;
}
nav menu li a:hover{
color: white;
}



/*  content  ***************************************************************************/

#content_left{
	float: left;
	border-radius: 10px;
	border:1px solid black;
	padding: 15px 0px 15px 0px;
	background-color: #a4b3d5;
	box-shadow: inset 0px 0px 20px #20386F;
        width: 69%;
}

article{
	border-radius: 5px;
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	border:1px solid black;

}

.title_article, .title_article_unclickable{
	font-weight: bold;
        color:white;
	background-color:#6379ab;
	padding:7px 0px 7px 0px;
	text-align: left;
	text-indent: 20px;
	/*border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
	border-bottom:1px solid black;*/
	box-shadow: inset 0px -4px 15px black;
}

.title_article{
    cursor: pointer;
}

.content_article{
    text-align: left;
    background-color: white;
    border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px ;
    padding-bottom: 20px;   
}

#content_right{
        float: right;
	border-radius: 10px;
	border:1px solid black;
	background-color: #a4b3d5;
	box-shadow: inset 0px 0px 20px #20386F;
	/*min-width:250px;
        max-width: 280px;*/
	left:915px;
        width: 29%;
}

.title_article_right{
	font-weight: 400;
	color:white;
	background-color:#6379ab;
	padding:0px 0px 0px 0px;
	text-align: left;
	text-indent: 20px;
	border-radius:0px;
	border-bottom:1px solid black;
	box-shadow: inset 0px 0px 10px black;
}

.content_article_right{
    background-color: white;
    border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px ;
}

.content_article_right .line{
    padding:5px;
}

.para{
    margin: 0px 20px 20px 20px;
    padding-top: 20px;
}

.topsentence{
    margin: -20px 0px 0px 0px;
    text-shadow: 1px 1px 1px black;
    color:lightcyan;
}

/* content view index.html *************************************************************/

.img_article{
    float: left;
    padding: 20px;
    margin-bottom: 100px; /*permet d'aligner le <p> le long de l'image*/
}

.link_inside{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #0000cd;
    text-shadow: 2px 2px 2px gray;
}

.link_inside:hover{
    text-shadow: 1px 1px 1px gray;
}

.link_topright{
    float: right;
    margin-right: 10px;
    top: -10px;
}

.img_index{
    width: 110px;
    height: 75px;
    float: left;
    margin-left: 20px;
    
    border: 1px solid #d3d3d3;
}
.news_index p{
    margin-left: 150px;
}

.news_index span{
    float: left;
    text-indent: 20px;
}

/* content view formations.html *************************************************************/


.offer p{
	float: right;
	width: 40%;
	margin-right: 20px;
	padding: 15px 20px 15px 0px;	
}

.prices_tab{
	border-collapse: collapse;
	width: 45%;
	margin-left: 20px;
}

.prices_tab th{
	background-color: #e6e6fa; /*lavender*/
	height: 30px;
	text-indent: 10px;
}

.prices_tab td{ background-color: #FFF0F5; }

.prices_tab td:first-child{
	text-indent: 20px;
}

.prices_tab td:last-child{
	text-align: right;
}

/* content view userpage.html et userpage_edit.html*/

.infos_tab{
	border-collapse: collapse;
	width: 65%;
	margin-left: 15px;
        margin-top: 20px;
}

.infos_tab td{
	padding: 5px;
}

.infos_tab td:first-child{
    font-weight: bold; 
    text-indent: 0px;
    min-width: 290px;
}

.infos_tab td:last-child{
    text-align: left;
    width: 40%;
    min-width: 150px;
    max-width: 170px;
}

.infos_tab .form_input{
    float: left;
    width: 100%;
    min-width: 150px;
    padding-right: 3px;
}

.infos_tab .form_input[type="submit"]{
    float: right;
    width: 100%;
    padding: 0px;
}

.img_edit{
    float: right;
    padding-right: 5px;

    /* Pour le texte alternatif si pb avec l'image'*/
    color: darkblue;
    font-size: 10px;   
    text-shadow: 1px 1px 1px white;
}

#avatar{
    width: 90px;
    max-height: 100px;
    padding: 10px;
    
}

.submit_button{
    width: 100%;
    text-align: center;
    padding: 40px 0px 20px 0px;
    
}

/* content view contact.html */

/* content view news.html */


/*  footer  ***************************************************************************/

footer{
	background-color:#a4b3d5;
	border-radius: 10px;
	border:1px solid black;
	box-shadow: inset 0px 0px 20px #20386F;
	font-size: 12px;
        min-width: 800px;
        max-width: 1100px;
}







